
import { ReactComponent as manualSwitching } from '../../../../assets/svg/manualSwitching.svg'
import { ReactComponent as strategicInvestment } from '../../../../assets/svg/strategicInvestment.svg'
import { ReactComponent as portableDeviceAccess } from '../../../../assets/svg/portableDeviceAccess.svg'
import HomePage_HeaderOperationComponent from "../../component/headerOperation"
import { Outlet } from 'react-router-dom'
import { $echartsData, $headerOperationBtnData, $headerOperationConditionData } from '../../../../common/utils'

// 主页-调试测试页面
const HomePage_DebuggingAndTestingPage: React.FC = () => {

  const tabList = [
    {
      svg: manualSwitching,
      title: "手动投切",
      router: "manualSwitching",
      operationData: {
        btnList: [
          $headerOperationBtnData("查询", "search", {}, true)
        ],
        conditionList: [
          $headerOperationConditionData["communicationStatus"],
          $headerOperationConditionData["currentStatus"],
          $headerOperationConditionData["modeStatus"],
        ]
      }
    },
    {
      svg: strategicInvestment,
      title: "策略投切",
      router: "strategicInvestment",
      operationData: {
        btnList: [
          $headerOperationBtnData("查询", "search", {}, true)
        ],
        conditionList: [
          $headerOperationConditionData["communicationStatus"],
          $headerOperationConditionData["currentStatus"],
          $headerOperationConditionData["modeStatus"],
        ]
      }
    },
    {
      svg: portableDeviceAccess,
      title: "便携设备接入",
      router: "portableDeviceAccess",
      addBtnType: "primary",
      operationData: {
        btnList: [
          $headerOperationBtnData("新增", "add")
        ],
      }
    },
  ]

  return (
    <div className="homePage-page">
      <HomePage_HeaderOperationComponent tabList={tabList} />
      <main className="homePage-page__main">
        <Outlet />
      </main>
    </div>
  )
}

export default HomePage_DebuggingAndTestingPage